.lx__search-box {
    padding: 20px;
    position: sticky;
    top: 0;
    background-color: #fff;
    border-bottom: 1px solid #eee;
    .lx__category-box {
      flex: 1 1 35%;
      flex-wrap: wrap;
      .category-item {
        padding: 0 20px;
        cursor: pointer;
        letter-spacing: 2px;
        &.is-active,
        &:hover {
          color: #1e71ff;
        }
      }
    }
    .lx__tag-box {
      flex: 1 1 65%;
      flex-wrap: wrap;
      .tag-item {
        padding: 0 20px;
        cursor: pointer;
        letter-spacing: 2px;
        background-color: #f6f7f8;
        border: 1px solid #f1f2f3;
        border-radius: 6px;
        transition: background-color 0.3s, color 0.3s;
        font-weight: 400px;
        text-align: center;
        height: 26px;
        line-height: 26px;
        font-size: 14px;
        margin: 5px;
        color: #61666d;
        &.is-active,
        &:hover {
          color: #000;
          background: #ddd;
        }
      }
    }
  }